<template>
  <div >
    <div>
      <div class="font15 mt10 pl10">
      <span class="titletext ">{{titledata.title}}</span>
      <div class="graytext  mt10 font13">
        <span >工单编号：</span>
        <span class="titletext">{{titledata.pmInsId}}</span>
      </div>
    </div>
      <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
        <div class="blue_item" />
        <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">基础信息</span>
      </div>
      <van-field readonly required name="initiationTime" :value="fromdata.initiationTime" label="发起时间：" label-width="5em" />
      <van-field readonly required name="initiationName" :value="fromdata.initiationName" label="发起人姓名：" label-width="6em" />
      <van-field readonly required name="initiationOaName" :value="fromdata.initiationOaName" label="发起人OA账号：" label-width="7.5em" />
      <van-field readonly required name="initiationDepartment" :value="fromdata.initiationDepartment" label="发起人部门：" label-width="6em" />
      <van-field readonly required name="initiationTelephone" :value="fromdata.initiationTelephone" label="发起人电话：" label-width="6em" />
      <van-field readonly required name="initiationMailbox" :value="fromdata.initiationMailbox" label="发起人邮箱：" label-width="6em" />
      <van-field readonly required name="city" :value="fromdata.city" label="地市：" label-width="3em" />
      <van-field readonly required name="county" :value="fromdata.county" label="县区：" label-width="3em" />
      <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
        <div class="blue_item" />
        <span class="font15" style="display: flex;line-height: 33px;margin-left:5px;flex:1;">标前决策业务信息</span>
      </div>
      <van-field readonly required name="decisionType" :value="fromdata.decisionType" label="标前决策类型：" label-width="7em" />
      <van-field readonly required name="decisionPmInsId" :value="fromdata.decisionPmInsId" label="标前决策工单号：" label-width="8em" />
      <van-field readonly required name="businessId" :value="fromdata.businessId" label="商机编号：" label-width="5em" />
      <van-field readonly required name="businessName" :value="fromdata.businessName" label="商机项目名称：" label-width="7em" autosize rows="1" type="textarea"/>
      <van-field readonly required name="customerCode" :value="fromdata.customerCode" label="集团客户编码：" label-width="7em" />
      <van-field readonly required name="customerName" :value="fromdata.customerName" label="集团客户名称：" label-width="7em"  autosize rows="1" type="textarea"/>
      <van-field readonly name="industryBigTypeProvince" :value="fromdata.industryBigTypeProvince" label="省内行业大类：" label-width="7em" />
      <van-field readonly name="industryBigTypeGroup" :value="fromdata.industryBigTypeGroup" label="集团行业大类：" label-width="7em" />
      <van-field readonly name="industryMinTypeGroup" :value="fromdata.industryMinTypeGroup" label="集团行业小类：" label-width="7em" />
      <van-field readonly name="industryAttribution" :value="fromdata.industryAttribution" label="15大行业名称：" label-width="7.5em" />
      <van-field readonly name="industryNameOneLevel" :value="fromdata.industryNameOneLevel" label="行业一级名称：" label-width="7em" />
      <van-field readonly name="industryNameTwoLevel" :value="fromdata.industryNameTwoLevel" label="行业二级名称：" label-width="7em" />
      <van-field readonly required name="projectEstablishNumber" :value="fromdata.projectEstablishNumber" label="项目编号：" label-width="5em" />
      <van-field readonly required name="projectEstablishName" :value="fromdata.projectEstablishName" label="项目名称：" label-width="5em"  autosize rows="1" type="textarea"/>
      <van-field readonly required name="highExpenditureNoTax" :value="fromdata.highExpenditureNoTax" label="不含税预估最高支出(万元)：" label-width="13em" />
      <van-field readonly required name="decisionLevel" :value="fromdata.decisionLevel" label="决策层级：" label-width="5em" />
      <historyAndSuggs id='target' :showHistory='showHistory' :historydata='historydata' :approveList='approveList' />
    </div>
  </div>
</template>
 
<script>
import historyAndSuggs from "@/views/srqr/historyAndSuggs.vue";
import {mapGetters} from "vuex";
import dict_type_value from "@/components/dict_type_value/index.vue";
export default {
  data() {
    return {
    }
  },
  props: ['titledata','businessdata','fromdata','showHistory','historydata','approveList','todotype'],
  computed: {
    ...mapGetters(['user']),
  },
  methods: {
     tomsg () {
      document.getElementById('target').scrollIntoView({ behavior: 'smooth' })
    }
  },
  components: {
    dict_type_value,
    historyAndSuggs
  },
}
</script>
 
<style>
.tables.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
</style>